<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>排行榜</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="format-detection" content="telephone=no" />
  <meta name="viewport" id="vp" content="width=device-width" />
  <meta name="keywords" content="">
  <meta name="Description" content="">
  <link rel="stylesheet" type="text/css" href="css/reset.css"/>
  <link rel="stylesheet" type="text/css" href="css/rank.css"/>
  <script type="text/javascript" src="js/viewport.js" ></script>
</head>
<body class="body-rank">
<!--
<div class="top"><span class="back"></span>排行榜</div>-->
<div class="rank-challenger-bg" id="rank-challenger-bg"></div>
<section class="section rank" id="rank-section">
  <div class="settab">
    <span class="arrow-l"></span>
    <div class="settab-list">
      <ul>
        <li class="current"><span data-ball="healthy">健康星球</span></li>
        <li><span data-ball="child">育儿星球</span></li>
        <li><span data-ball="life">生活星球</span></li>
        <li><span data-ball="fun">娱乐星球</span></li>
        <li><span data-ball="finance">理财星球</span></li>
        <li><span data-ball="game">游戏星球</span></li>
      </ul>
    </div>
    <span class="arrow-r"></span>
  </div>
  <span class="rank-c-swi" id="rank-c-swi">上周排行榜</span>
  <div class="detail-challenger">
    
    <span class="head-img"><img src="" id="lastchampionimg" alt=""></span>
    <div class="detail">
      <p><b>上周擂主：</b><span id="lastchampionname"></span></p>
      <p><b>成绩：</b><span id="lastchampionscore"></span><i>分</i></p>
    </div>
  </div>
  <div class="rank-list">
    <ul id="rank-list">
      
    </ul>
  </div>
  <div class="rank-bottom">
    <div class="px"><p class="num" id="myrank"></p><span>我的排名</span></div>
    <span class="name" id="myname"></span>
    <div class="score"><b id="myscore"></b>分</div>
  </div>
</section>

<div class="pop-box-challenger" style="display: none;">
  <span class="close"></span>
  <div class="img">
    <div class="tit"></div>
    <div class="text">
      <p class="t">温馨提示</p>
      <p>您可到幸运抽奖- <a rel="" class="my-prize">我的奖品</a>区领奖哦。</p>
    </div>
  </div> 

  <div class="btn-box">
    <span class="btn-award"></span>
    <span class="btn-share"></span>
  </div>
</div>

  <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
  <script type="text/javascript" src="js/common.js" ></script>
  <script type="text/javascript" src="js/interface.js" ></script>
  <script type="text/javascript" src="js/rank.js" ></script>
</body>
</html>
